@use 'sass:map';
@use 'sass:color';

.pro-saas-table-pagination {
  margin-top: map.get($spacing, 'secondGear');

  // :global(.el-pagination) {
  //   float: left;
  // }
}

.pro-saas-table-default-slot {
  margin-bottom: 16px;
}

.pro-saas-table-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: map.get($spacing, 'secondGear');

  .pro-saas-table-header-title {
    flex: 1;
  }

  .pro-saas-table-header-tools {
    padding-top: 5px;
    padding-left: 10px;
    width: 50px;

    :global(.el-space) {
      vertical-align: sub;
    }
  }
}

.pro-saas-table-fixed-icon {
  transform: rotate3d(0, 0, 1, 45deg);
}

.pro-saas-table-custom-column {
  .columns-setting-info {
    font-size: map.get($font-size, 'extra-small');
    font-weight: normal;

    .columns-setting-info-icon {
      transform: translate3d(0, -1px, 0);
    }
  }

  .columns-setting-scroll {
    color: map.get($text-color, 'primary');
    font-size: map.get($font-size, 'base');
    border: 1px solid map.get($border-color, 'light');
    margin-top: 14px;
  }

  .columns-setting-title {
    background-color: color.adjust($color-info, $alpha: -0.9);
  }

  .columns-setting-list {
    list-style: none;
    padding: 0;
    margin: 0;

    .columns-setting-item {
      cursor: pointer;
      border-bottom: 1px solid map.get($border-color, 'light');
    }
  }

  .columns-setting-item {
    line-height: 40px;
    padding-right: 10px;

    :global {
      .el-col:not(:nth-of-type(2)) {
        text-align: center;
      }
    }
  }
}

.pro-saas-table-transfer :global {
  .el-transfer {
    display: flex;
    height: 90%;
  }

  .el-transfer-panel {
    flex: 1;

    .el-transfer-panel__body {
      height: calc(100% - map.get($transfer, 'panel-header-height') - 1px);

      .el-input__inner {
        text-indent: 2em;
      }
    }
  }

  .el-transfer__buttons {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;

    .el-transfer__button:nth-child(2) {
      margin: 0;
    }
  }
}
